<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>35 - 请求报文 响应报文</title>
</head>
<body>
    <script src="./lib/axios.js"></script>
    <script>

        // 请求报文: 记录了客户端以哪种形式将数据发送给服务端 
        // 响应报文: 记录了服务端以哪种形式将数据返回给客户端

        // 代码演示请求报文和响应报文
        axios({
            method: 'post',
            url: 'http://www.liulongbin.top:3006/api/post',
            // 请求体
            data: {
                uname: 'zs',
                pwd: 123
            }
        }).then(function(res){
            console.log(res);
        })


        // 请求报文
        // 1) 请求头: 请求方式, 请求资源地址, 协议类型
        // 2) 请求体: 主机名, 请求内容数据格式





        // 响应报文
        // 1) 状态行: 协议类型, 请求的状态
        // 2) 响应头: 响应内容数据格式
        // 3) 响应体: 当前具体的响应数据





        // 响应报文中的状态码介绍 (了解)
        
        // 前提: 
        // 1. 响应报文中的状态码不是程序员自己定义的,是由http协议官方指定的
        // 2. 状态码描述当前响应状态
        // 3. 状态码是一个3位的数字

        // 状态码分类:
        // 1. 状态码以数字2开头. 2xx   表示客户端和服务端通信是成功的 (电话打通了,并且双方都通话了)
        
        // 2. 状态码以数字3开头. 3xx   表示客户端向服务端发送请求的时候,服务器请求的资源路径发生了改变 (重定向)
        // 例如:  对方开启了呼叫转移 
       
        // 3. 状态码以数字4开头. 4xx   表示客户端发生了错误,导致服务端无法正确的返回请求的数据
        // 例如: 404  客户端输入的地址有误 ,好比打电话记错了对方的电话号码

        // 4. 状态码以数字5开头. 5xx   表示服务端发生了错误,导致服务端无法返回给客户端
        // 好比,对方想要给回电话,对方的手机坏了



    </script>
</body>
</html>